<template>
  <div class="result-detail-body">
    <div class="introduce-info">
      <job-detail></job-detail>
    </div>
    <div class="skill-info">
        <assess></assess>
    </div>
  </div>
</template>

<script>
import JobDetail from "./job/JobDetail";
import Assess from "./assess/Assess";

export default {
  components: { JobDetail, Assess },

  data() {
    return {};
  },
};
</script>
<style lang='scss'>
.result-detail-body {
  display: flex;

  .introduce-info {
    background-color: #fff;
    width: 50%;
    min-width: 480px;
    height: 95%;
    margin-right: 20px;
    margin-bottom: 30px;
  }

  .skill-info {
    background-color: #fff;
    width: 50%;
    min-width: 480px;
    height: 100%;
    margin-right: 20px;
  }
}
</style>